<!DOCTYPE html>
<html lang="zh">
<html xmlns:th="http://www.thymeleaf.org">
<!-- themeleaf 引入通用的nav 片段-->
<!-- navbar-static-top  navbar-fixed-top-->
<nav th:fragment="nav(searched)" class="navbar navbar-default " role="navigation" id="top-nav">
    <div class=" container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#vic-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="http://xuqiudong.gitee.io/" target="lcxm_gitee">凯捷科技<small class="text-info">点餐系统</small></a>
        </div>
        <div class="collapse navbar-collapse" id="vic-navbar-collapse">
            <div id="tweather" class="navbar-text"></div>
            <ul class="nav navbar-nav navbar-right-">
                <li th:class="${session.last_request_get_url == '/index'} ? 'active':''">
                    <a th:href="@{/index}"><i class="fa fa-book" aria-hidden="true"></i> <strong
                            class="text-info">首页</strong></a>
                </li>
                <li th:class="${session.last_request_get_url == '/order/'} ? 'active':''">
                    <a th:href="@{/order/}"><strong class="text-info">前往点餐</strong></a>
                </li>
                <li th:class="${session.last_request_get_url == '/start/'} ? 'active':''">
                    <a th:href="@{/start/}" id="for-nav-search"><strong class="text-info">开启点餐</strong></a>
                </li>
                <li th:class="${session.last_request_get_url == '/order/list'} ? 'active':''">
                    <a th:href="@{/order/list}"><strong class="text-info">点餐列表</strong></a>
                </li>

                <li th:class="${session.last_request_get_url == '/food/'} ? 'active':''">
                    <a th:href="@{/food/}"><strong class="text-info">配置套餐</strong></a>
                </li>
                <li class="">
                    <a></a>
                </li>
                <li class="">
                    <a class="btn btn-link" id="help"><span class="label label-success">使用帮助</span></a>
                </li>
            </ul>

            <!--登录 或 用户信息-->
            <ul class="nav navbar-nav navbar-right">
                <!--没有登录 则显示登录-->


                <li><a href="#">工号:[[${session.principal.userCode}]]</a></li>
                <li class=""><a href="#">部门: [[${session.principal.departmentName}]]</a></li>
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        [[${session.principal.userName}]]
                        <span class="caret"></span>
                    </a>


                    <ul class="dropdown-menu" style="text-align: center;min-width:100%;">
                        <li><a th:href="@{/logout}"><i class="fa fa-sign-out" aria-hidden="true"></i>退出</a></li>
                    </ul>
                </li>
            </ul>


            <div class="hidden help-info">
                <ul class="list-group">
                    <li class="list-group-item active">1、OA账号登录系统</li>
                    <li class="list-group-item">2、管理员配置套餐</li>
                    <li class="list-group-item">3、管理员开启点餐：从套餐中选择本次可点套餐(配置标题和结束时间)</li>
                    <li class="list-group-item">4、员工开始点餐</li>
                    <li class="list-group-item">5、管理员手动结束点餐或者时间到自动结束</li>
                    <li class="list-group-item">6、历史开启列表可点击一条记录导出其点餐详情</li>
                    <li class="list-group-item">7、点餐列表页面导出</li>
                </ul>

            </div>

        </div>
    </div>
</nav>